<!--
  Generated template for the CityPickerDemoPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>city-picker-demo</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list>
    <ion-item>
      <ion-label>省市区选择器</ion-label>
      <city-picker item-content
                   [cancelText]="'取消'"
                   [doneText]="'完成'"
                   [separator]="'-'"
                   [citiesData]="cityData"
                   [(ngModel)]="cityName"
                   (ionChange)="cityChange($event)">

      </city-picker>
    </ion-item>
    <ion-item>
      地区编码： {{code}}
    </ion-item>
  </ion-list>
  <div padding>
    <button ion-button block (click)="details('https://github.com/HsuanXyz/ionic2-city-picker')">查看详情</button>
  </div>
</ion-content>
